@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.7)
      -moz-transform: scaleY(0.7)
      -ms-transform: scaleY(0.7)
      -o-transform: scaleY(0.7)
      transform: scaleY(0.7)

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.5)
      -moz-transform: scaleY(0.5)
      -ms-transform: scaleY(0.5)
      -o-transform: scaleY(0.5)
      transform: scaleY(0.5)

@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3)
  .border-1px
    &::after
      -webkit-transform: scaleY(0.5)
      -moz-transform: scaleY(0.5)
      -ms-transform: scaleY(0.5)
      -o-transform: scaleY(0.5)
      transform: scaleY(0.5)

hairline-common($border-radius)
  position: relative
  z-index: 0
  &:before
    position: absolute
    content: ''
    border-radius: $border-radius
    box-sizing: border-box
    transform-origin: 0 0
hairline($direct = 'all', $border-color = #ccc, $border-radius = 0)
  hairline-common($border-radius)
  &:before
    transform: scale(.5)
    top: 0
    left: 0
    width: 200%
    height: 200%
    box-shadow: 0 0 0 1px $border-color
    z-index: -1

// .c_pncIcon_1{
//   hairline('all',#ec292d,5);
// }
// .c_pncIcon_2{
//   hairline('all',#ec292d,5);
// }